<template>
    <div>
        <van-nav-bar :title="message" left-arrow>
            <template #right>
                <van-icon name="search" size="28" color="black" @click="onSearch" />
                <van-icon name="shopping-cart-o" size="28" color="black" @click="onShopping" />
            </template>
            <template #left>
                <van-icon name="home-o" size="28" color="black" @click="onHome" />
            </template>
        </van-nav-bar>
    </div>
</template>
<script lang='ts' setup>
import { useNavBar } from "@/hook/Detail"
const props = defineProps(['message'])
let { onSearch, onHome, onShopping } = useNavBar()

</script>
<style lang='scss'></style>